<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="<% htmlWebpackPlugin.options.favicon %>" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="Web site created using webpack" />
  <title>
    <%= htmlWebpackPlugin.options.title %>
  </title>

  <!-- 使用cdncss -->
  <% Array.isArray(htmlWebpackPlugin.options.cdn.css) && htmlWebpackPlugin.options.cdn.css.forEach(v=> { %>
    <link rel="<%= v.rel %>" href="<%= v.url %>">
    </link>
    <% }) %>

      <!-- <script type="text/javascript" src="/public/monitoring.js"></script> -->

</head>

<body>
  <div id="root"></div>


  <!-- 使用cdn -->
  <% Array.isArray(htmlWebpackPlugin.options.cdn.js) && htmlWebpackPlugin.options.cdn.js.forEach(v=> { %>
    <% if(v.defer){ %>
      <script type="text/javascript" defer src="<%= v.url %>"></script>
      <% }else if(v.async){ %>
        <script type="text/javascript" async src="<%= v.url %>"></script>
        <% }else{ %>
          <script type="text/javascript" src="<%= v.url %>"></script>
          <% } %>
            <% }) %>
</body>

</html>